<!--新闻详情页身体-->
<template>
    <div>
        <div class="body">
            <p class="title">{{picshufflingFigure.title}}</p>
            <p class="time">{{picshufflingFigure.sendTime}}</p>
            <div class="content">
                <div v-html="picshufflingFigure.content"></div>
            </div>
        </div>
    </div>
</template>

<script>
    import {newsDetails} from "../api/api";

    export default {
        name: "DetailBody.vue",
        data(){
            return {
                picshufflingFigure: [],

            }
        },
        created() {
            // 轮播图
            newsDetails(this.$route.query.articleId).then(res => {
                // console.log(res)
                this.picshufflingFigure = res.data

            })
        },
    }
</script>

<style scoped lang="less">
    .body {
        padding: 0px 10px;
        height: calc(100vh - 90px);
        overflow: scroll;

    .title {
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        padding: 10px;

    }

    .time {
        font-size: 12px;
        font-weight: 100;
        padding: 0px 10px;

    }

    .content {

    /deep/ p {
        padding: 8px;
    }

    /deep/ img {
        width: 100%;
        text-align: center;
        border-radius: 15px;
    }
    }
    }
</style>